<template>
  <div class="wxlogin">
    <div id="wxLoginQR" />
  </div>
</template>

<script>
export default {
  components: {

  },
  data() {
    return {

    }
  },
  mounted() {
    //  let redirectUri=encodeURIComponent('www.linkpow.cn');
    //  new WxLogin({
    //             id : "wxLoginQR",// 第三方页面显示二维码的容器id
    //             appid : "wxc129000f467c3366",// 应用唯一标识，在微信开放平台提交应用审核通过后获得
    //             scope : "snsapi_login",// snsapi_login
    //             redirect_uri : redirectUri,
    //             //redirect_uri : callback,
    //             state : "123",
    //             style : "",
    //             href : ""
    //      });
    console.log(encodeURIComponent('www.linkpow.cn'))
    const s = document.createElement('script')
    s.type = 'text/javascript'
    s.src = 'https://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js'
    const wxElement = document.body.appendChild(s)
    wxElement.onload = function() {
      var obj = new WxLogin({
        id: 'wxLoginQR', // 需要显示的容器id
        appid: 'wxc129000f467c3366', // 公众号appid wx*******
        scope: 'snsapi_login', // 网页默认即可
        redirect_uri: encodeURIComponent('http://www.linkpow.cn'), // 授权成功后回调的url
        state: Math.ceil(Math.random() * 1000), // 可设置为简单的随机数加session用来校验
        style: 'black', // 提供"black"、"white"可选。二维码的样式
        href: '' // 外部css文件url，需要https
      })
    }
  },
  methods: {
    UrlEncode(str) {
      var ret = ''
      var strSpecial = "!\"#$%&'()*+,/:;<=>?[]^`{|}~%"
      for (var i = 0; i < str.length; i++) {
        var chr = str.charAt(i)
        var c = str2asc(chr)
        tt += chr + ':' + c + 'n'
        if (parseInt('0x' + c) > 0x7f) {
          ret += '%' + c.slice(0, 2) + '%' + c.slice(-2)
        } else {
          if (chr == ' ') { ret += '+' } else if (strSpecial.indexOf(chr) != -1) { ret += '%' + c.toString(16) } else { ret += chr }
        }
      }
      return ret
    }
  }
}
</script>

<style rel='stylesheet/scss' lang='scss' scoped>
</style>
